<section class="pt-5 pb-5" title="posts-2">
  <div class="container">
    <div class="row">
        <div class="col-6">
            <h3 class="mb-3">News sections</h3>
        </div>
        <div class="col-6 text-end">
            <a class="btn btn-primary mb-3 me-1" href="#carouselPosts2" role="button" data-bs-slide="prev">
                <i class="la la-arrow-left"></i>
            </a>
            <a class="btn btn-primary mb-3 " href="#carouselPosts2" role="button" data-bs-slide="next">
                <i class="la la-arrow-right"></i>
            </a>
        </div>
        <div class="col-12">
            <div id="carouselPosts2" class="carousel slide" data-bs-ride="carousel">

                <div class="carousel-inner">
                    <div class="carousel-item active" data-v-component-posts="slide1" data-v-limit="3" data-v-page="1" data-v-image_size="medium">
                        <div class="row">

                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="day67-dog" src="img/illustrations.co/day67-dog.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>

                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="day22-owl" src="img/illustrations.co/day22-owl.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="day68-happy-cat" src="img/illustrations.co/day68-happy-cat.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="carousel-item" data-v-component-posts="slide2" data-v-limit="3" data-v-page="2">
                        <div class="row">

                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="day79-coffee" src="img/illustrations.co/day79-coffee.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>

                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="109-map-location" src="img/illustrations.co/109-map-location.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="107-healthy" src="img/illustrations.co/107-healthy.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="carousel-item" data-v-component-posts="slide3" data-v-limit="3" data-v-page="3">
                        <div class="row">

                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="126-namaste-no-hand-shake" src="img/illustrations.co/126-namaste-no-hand-shake.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>

                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="104-dumbbell" src="img/illustrations.co/104-dumbbell.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3" data-v-post>
                                <div class="card">
                                    <img class="img-fluid" loading="lazy" alt="day50-pirahna" src="img/illustrations.co/day50-pirahna.svg" data-v-post-image>
                                    <div class="card-body">
                                        <a href="content/post.html" data-v-post-url><h4 class="card-title" data-v-post-name>Interdum et malesuada</h4></a>
                                        <p class="card-text" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
